<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shopping.css" />
	</head>

	<body>
		<div class="web">
			<div class="webson1">
				<div class="nav">
					<h6>小米MIX 2 全面屏2.0</h6>
					<b>|</b>
					<p><a href="">小米MIX 2 斯塔克限量版</a></p>
					<ul>
						<li><a href="">概述</a></li>
						<li><b>|</b></li>
						<li><a href="">图集</a></li>
						<li><b>|</b></li>
						<li><a href="">参数</a></li>
						<li><b>|</b></li>
						<li><a href="">创意海报</a></li>
						<li><b>|</b></li>
						<li><a href="">F码通道</a></li>
						<li><b>|</b></li>
						<li><a href="">用户评价</a></li>
					</ul>
				</div>
			</div>
			<div class="webson2">
				<div class="cont">
					<div class="left">
						
						<i class="iconfont icon-zuojiantou"></i>
						<img src="img/shopping.jpg" />
						<i class="iconfont icon-youjiantou"/></i>
						</div>
						<div class="right">
							<div class="one">
								<h6>小米MIX 2 全面屏2.0</h6>
								<p><span>【赠价值299元小米AI音箱（不含斯塔克版本）】</span>全面屏2.0，5.99"大屏 / 骁龙835旗舰处理器 / 4轴光学防抖。赠品在手机妥投7天后陆续发货。如手机退货，则赠品取消或需全部退还。</p>
								<span>3299元 </span>
							</div>
							<div class="two">
								<p>赠品</p>
								<span>赠价值299元小米AI音箱</span>
							</div>
							<div class="three">
								<i class="iconfont"></i>
								<span>北京 &nbsp;&nbsp;&nbsp;&nbsp;北京市&nbsp;&nbsp;&nbsp;&nbsp;东城区永定门外街道</span>
								<a href="">修改</a>
								<p>有现货</p>
							</div>
							<div class="four">
								<h6>选择版本</h6>
								<ul>
									<li>
										<div class="a">
											<p>6GB+64GB </p>
											<span>3299元</span>
										</div>
									</li>
										<li>
										<div class="b">
											<p>6GB+128GB </p>
											<span>3599元</span>
										</div>
									</li>
										<li>
										<div class="c">
											<p>6GB+256GB </p>
											<span>3999元</span>
										</div>
									</li>
										<li>
										<div class="d">
											<p>全陶瓷尊享版 </p>
											<span>4699元</span>
										</div>
									</li>
								</ul>
							<div class="clearfix"></div>
							</div>
							<div class="five">
								<h6>选择颜色</h6>
								<div class="e">
									<img src="img/point.png" />
									<span>黑色陶瓷</span>
								</div>
								<div class="six">
									<h6>选择小米提供的意外保险</h6>
									<a href="">了解意外保险 ></a>
									<div class="f">
										<p></p>
										<img src="img/shopping-1.jpg" />
										<div class="small">
											<p>手机意外保险</p>
											<span>小米MIX 2 意外保险</span>
										</div>
										<span>249元</span>
										<div class="clearfix"></div>
									</div>
								</div>
								<div class="seven">
									<h6>搭配购买</h6>
									<div class="g">
										<span>搭配一起购买</span>
										<i class="iconfont"></i>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="eight">
									<ul>
										<li>小米MIX 2 6GB+64GB 黑色陶瓷  <span>3299元</span></li>
										<li>  总计  ：3299元  </li>
									</ul>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="button">
								<a href="shopping-car.html">加入购物车</a>
							</div>
							<div class="nine">
								<i class="iconfont"></i>
								<span>支持7天无理由退货</span>
							</div>
						</div>
					
				</div>
			</div>
			<div class="webson3">
				<div class="container">
					<div class="bzlist">
						<h6>包装清单</h6>
						<img src="img/bzlist.jpg" />
					</div>
					<div class="cn">
						<h6>小米承诺</h6>
						<div class="son">
						<a href>查看详情</a>
						<i class="iconfont"></i>
						</div>
						<img src="img/cn.png" />
					</div>
					<div class="clearfix"></div>
					<div class="wx">
						<h6>官方微信</h6>
						<img src="img/weixin.jpg" />
					</div>
				</div>
			</div>
		</div>
	</body>

</html>